<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>日历控件</title>
<!-- 公用标签 -->
<%@ include file="/common/inc.inc"%> 
<!-- 
<link rel="stylesheet" href="http://static.aceona.com/app_js/jqueryUI/css/custom-theme/jquery-ui-1.8rc3.custom.css" type="text/css" charset="utf-8" />
<link href="http://static.aceona.com/app_css/app_widgets_new.css" rel="stylesheet" type="text/css" />
<link href="http://static.aceona.com/app_css/app_ui_widgets.css" rel="stylesheet" type="text/css" />
 -->
<script type="text/javascript" src="${ctx}/app_js/plugins_my97/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/app_js/app_widgets/lazyload-min.js"></script>
<script type="text/javascript" src="${ctx}/app_js/app_widgets/app_widgets_moudle.js"></script>
</head>
<body>

	<table width="100%" cellspacing="0" cellpadding="0" border="0" class="app_table_b">
		<tbody>
			<tr>
				<th width="200">组件名：</th>
				<td class="tal">日历组件</td>
			</tr>
			<tr>
				<th>author</th>
				<td class="tal">My97</td>
			</tr>
			<tr>
				<th width="200">依赖文件：</th>
				<td class="tal">无</td>
			</tr>
			<tr>
				<th>模块化加载的方式:</th>
				<td class="tal">
					<dl>
						<dt class="f_b">页面ready的时候加载</dt>
						<dd>ssss</dd>
						<dt class="f_b">按需的时候加载</dt>
						<dd>sssss</dd>
					</dl></td>
			</tr>
			<tr>
				<th>直接包含js文件调用示例:</th>
				<td class="tal" style="padding: 50px">
					<div id="div1"></div></td>
			</tr>
			<tr>
				<th>参数说明:</th>
				<td class="tal">
					<h1>&nbsp;</h1>
					<p>数据模板参数：</p>
					<blockquote>
						详情参考开源社区：http://www.my97.net/dp/demo/index.htm</blockquote>
				</td>
			</tr>
			<tr>
				<th>input</th>
				<td><input id="d121" type="text" onfocus="WdatePicker()" />
				</td>
			</tr>
			<tr>
				<th>日历按需加载</th>
				<td><input id="test_loader" type="text" onfocus="WdatePicker()" />
				</td>
			</tr>
		</tbody>
	</table>
	<script type="text/javascript">
		WdatePicker({
			eCont : 'div1',
			onpicked : function(dp) {
				alert('你选择的日期是:' + dp.cal.getDateStr())
			},
			alwaysUseStartDate : true
		});
	</script>
	<script type="text/javascript">
		$("#test_loader").bind("click", function() {
			Ace.Widget.LoadMoudle({
				Moudle : 'Ace.Widget.My97',
				callback : function() {
					WdatePicker();
				}
			});
		});
	</script>

</body>
</html>